/*index*/
.home{background: #fff; overflow:hidden; padding-bottom:3rem;}
#home_banner{overflow:initial;}
#home_banner .swiper-pagination .swiper-pagination-bullet{background:#fff;}
#home_banner .cutoffline1{width: 100%; position: absolute; bottom:-0.8rem; z-index: 100;}
#home_banner .cutoffline1 img{width: 100%; display: block;}
#home_menu{overflow:initial; margin-top: 1rem;}
#home_menu .cutoffline1{width: 100%; position: absolute; bottom:-1.5rem; z-index: 100;}
#home_menu .cutoffline1 img{width: 100%; display: block;}
#home_menu .swiper-slide{ display: flex; flex-direction: row; flex-wrap: wrap; padding:0rem 0.5rem 1.5rem 0.5rem;}
#home_menu .swiper-slide a{width: 33.3%; text-align: center; margin-bottom: 0.75rem;}
#home_menu .swiper-slide img{width: 40%; display: block; margin: 1rem auto 0.3rem auto;}
#home_menu .swiper-slide span{ font-size: 0.75rem; color: #454545;}
.home_tit{padding:1.5rem 0.75rem 0.75rem 0.75rem; text-align: center; }
.home_tit img{width:13%; display: block; margin: 0 auto;}
.home_tit h3{font-size: 0.9rem; color: #267fc3; margin:0.75rem 0 0.5rem 0; }
.home_box1{height: auto; overflow: hidden; padding:0 0.2rem; display: flex; flex-direction: row; flex-wrap: wrap; }
.home_box1 a{width:48%; margin:0 1% 0.75rem 1%; text-align: center;}
.home_box1 a p{color: #303030;}
.home_box1 img{width: 100%; display: block; margin-bottom: 0.3rem;}
.home_tit1{padding:0.75rem 0.75rem 0.75rem 0.75rem; text-align: center; border-top:0.5rem #f2f2f2 solid; margin-top:1rem; }
.home_tit1 h3{font-size: 0.9rem; color: #267fc3; margin:0.75rem 0 0.5rem 0; }

/*about*/
.about{height:100%; background: #fff; top: -2.3rem; z-index: 10; }
.about .mui-slider-progress-bar{width: 20%;}
.about .about_intro{padding:1rem 0.75rem 1rem 0.75rem; color: #303030;}
.about .about_intro img{width: 100%; display: block; margin: 0.5rem 0;}
.about .about_intro p{color: #303030; font-size: 0.75rem; line-height: 1.8rem;}
.about_county{padding:1rem 1.5rem; text-align: center;}
.about_county .mapimg{margin-bottom:1rem;}
.about_county .mapimg img{width: 100%; display: block; margin-bottom: 1rem;}
.about_county .county_nav{ text-align: center; margin-bottom: 1rem;}
.about_county .county_nav a{display: inline-block; height: 2rem; line-height:2rem; font-size: 0.75rem; background: #2ba6e1; color: #fff; border-radius: 0.3rem; text-align: center; padding: 0 1rem; margin:0.5rem 2%;}
.about_county .county_nav a.n1{background: #26a5f1;}
.about_county .county_nav a.n2{background: #58cbe0;}
.about_county .county_nav a.n3{background: #55d485;}
.about_county .county_nav a.n4{background: #f1bd6b;}
.about_county .county_nav a.n5{background: #e98e70;}
.about_culture{padding: 0;}
.about_culture li{margin: 15px;}
.about_culture li a{display: block;}
.about_culture li img{width: 100%; display: block; height:10rem;}
.about_culture li .tit{ text-align: left; padding: 0.5rem 0.75rem;}
.about_culture li .tit h3{font-size: 0.75rem; margin-bottom: 0.3rem;}
.about_culture li .tit p{font-size: 0.7rem; color: #999;}
.about_culture li .tit p em{float: right;}
.about_culture li .tit p i{font-size: 0.9rem; margin-right: 0.2rem;}
.about_famous{}
.about_famous.mui-table-view .mui-media-object{max-width: 4.5rem; height: 4rem;}
.about_famous.mui-table-view .mui-media-body h3{font-size: 0.75rem; text-align: left; margin:0.3rem 0 0.3rem 0;}
.about_famous.mui-table-view .mui-media-body p{width: 100%; height: 2rem; overflow: hidden; white-space: normal; }
.about_video{padding: 0;}
.about_video li{margin: 15px;}
.about_video li a{display: block;}
.about_video li .img{width: 100%; display: block; height:10rem;}
.about_video li .icon_video{width: 100%; height: 10rem; position: absolute; top:0; background: rgba(0,0,0,0.5); z-index: 10;}
.about_video li .icon_video img{width:20%!important; height: auto; display: block; margin:17% auto;}
.about_video li .tit{ text-align: left; padding: 0.5rem 0.75rem;}
.about_video li .tit h3{font-size: 0.75rem; margin-bottom: 0.3rem;}
.about_video li .tit p{font-size: 0.7rem; color: #999;}
.about_video li .tit p em{float: right;}
.about_video li .tit p i{font-size: 0.9rem; margin-right: 0.2rem;}

/*comment*/
.comment{ padding-bottom: 2rem;}
.comment_tit{padding: 0 0.75rem; height:2.2rem; line-height:2.2rem; overflow: hidden; background: #fff; border-bottom:0.05rem #dddddd solid; }
.comment_tit h3{font-size:0.75rem; color: #ac1f28;line-height:2.2rem; font-weight: normal; }
.comment_tit h3 i{font-size:1rem; vertical-align: middle; margin-right:0.3rem;}
.comment_tit .mui-btn{border-radius: 40rpx; color: #303030; border-color: #909090; margin-top:0.3rem;}
.comment_list{padding:0 0.75rem 0 0.75rem; background: #fff;}
.comment_list dt{width:100%; height: auto; overflow: hidden; padding:0.75rem 0 0.5rem 0; border-bottom:0.05rem #f2f2f2 solid;}
.comment_list dt:last-child{border: 0;}
.comment_list dt .list_tit{width:100%; height: auto; overflow: hidden; }
.comment_list dt .list_tit .mui-btn{color: #a1a1a1; font-size:0.7rem; border: 0;}
.comment_list dt .list_tit .mui-btn .iconfont{font-size:1rem; margin-right:0.1rem;}
.comment_list dt .list_tit .tit_left img{float: left; width: 2rem; height: 2rem; overflow: hidden; border-radius:100%; margin-right: 0.3rem;}
.comment_list dt .list_tit .tit_left h3{font-size: 0.75rem; color: #303030; margin-top: 0.2rem;}
.comment_list dt .list_tit .tit_left p{font-size:0.6rem; color: #a1a1a1;}
.comment_list dt .list_con{padding:0.2rem 0 0.5rem 2.2rem; text-align: left; font-size:0.7rem; line-height:1.2rem; color:#303030;}
.comment_list dt .list_con p{ color:#303030;}
.comment_list dt .list_reply{padding:0.5rem; background: #f2f2f2; margin:0 0 0.5rem 2.2rem; border-radius:0.3rem; position: relative; font-size:0.7rem; color: #303030;}
.comment_list dt .list_reply::after{
	content: "";
    position: absolute;
    top: -0.4rem;
    left: 1rem;
    width: 0; 
    height: 0; 
    border-left:0.4rem solid transparent; 
    border-right:0.4rem solid transparent; 
    border-bottom:0.4rem solid #f2f2f2;
}
.comment_list dt .list_reply p{color: #303030;}
.comment_list dt .list_reply a{color: #ac1f28;}
.comment_list dt .list_reply li{margin:0.2rem 0;}
.comment_tit1{padding: 0 0.75rem; height:2.2rem; line-height:2.2rem; overflow: hidden; background: #fff; border-bottom:0.05rem #dddddd solid; margin-top:0.5rem; }
.comment_tit1 h3{font-size:0.75rem; color: #303030; font-weight: normal; line-height:2.2rem;}
.comment_tit1 h3 i{font-size:1rem; margin-right:0.3rem; vertical-align: middle;}

.comment_edit{}
.comment_edit .edit_box{ height: auto; overflow: hidden; margin-top:0.5rem; }
.comment_edit .edit_box .edit_area{padding:0.2rem;}
.comment_edit .edit_box .edit_area textarea{height:6rem; font-size:0.7rem; text-align:left; color: #303030; border: 0; }
.comment_edit .edit_box .edit_bt{width: 100%;}
.comment_edit .edit_box .uploadBox{padding:0.5rem 0.75rem;}
.comment_edit .edit_box .edit_bt{border-top:0.05rem #eeeeee solid; height:2rem; line-height:2rem; padding: 0 0.75rem; text-align: left;}
.comment_edit .edit_box .edit_bt .mui-checkbox label{font-size:0.7rem; color: #666;}
.comment_edit .edit_box .edit_bt span{font-size:0.7rem; color: #999;}

/*search*/
.search{padding-top:2.5rem; }
.search_hotkey{height: auto; overflow: hidden; padding:0.5rem 0.75rem; }
.search_hotkey h3{width: 100%; height: auto; overflow: hidden; display: block; text-align: left; font-size:0.75rem; color: #666; border-left:0.1rem #ccc solid; padding-left:0.3rem; margin-bottom:0.75rem; font-weight: normal;}
.search_hotkey ul{}
.search_hotkey li{float: left; margin:0 0.5rem 0.5rem 0;}
.search_hotkey li a{display: block; padding: 0.4rem 0.75rem; font-size:0.7rem; background: #f6f6f6; color: #666; border-radius: 0.2rem;}
